<template>
    <div class="detail-page">
        <doc-pages
            :title="data.docname"
            :data="data.previewlist"
        ></doc-pages>

        <el-backtop></el-backtop>
    </div>
</template>

<script>
import DocPages from './components/upload-components/doc-pages';

export default {
    components: {
        DocPages,
    },
    data() {
        return {
            data: {
                previewlist: [],
            },
        }
    },
    methods: {
        queryData() {
            var guid = this.getQuery('guid');
            if (!guid) {
                return;
            }
            
            this.$get(`${this.$store.state.api.sysUrl}/tb/document/detail.json`, {
                guid,
            }, data => {
                this.data = data;
            });
        },
    },
    mounted() {
        this.queryData();
    }
};
</script>

<style lang="scss" scoped>
.detail-page{
    width: 760px;
    margin: 0 auto;
}
    
</style>